/* pages/details/details.wxss */
.all {
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  position: relative;

  .top {
    width: 100%;
    height: 80rpx;
    position: absolute;
    top: 80rpx;
    z-index: 1;
  }

  // 轮播图
  .box {
    width: 100%;
    height: 600rpx;

    swiper {
      width: 100%;
      height: 100%;

      swiper-item {
        image {
          width: 100%;
          height: 100%;
        }
      }
    }

  }

  // 4个盒子
  .box4all {
    width: 100%;
    position: absolute;
    margin-top: -50rpx;

    /* 押金 */
    .box1 {
      width: 90%;
      margin: auto;
      border-radius: 20rpx;
      height: 200rpx;
      background-color: white;
      border: 1px solid #000;

      .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 3%;

        .left {
          color: #ba9947;

          .big {
            display: inline;
            font-size: 1.2rem;
          }
        }

        .right {
          color: #b7b7b7;
        }

        .text {
          padding: 3%;
          font-size: 1.2rem;
        }
      }
    }

    /* 产品简介 */
    .box2 {
      width: 90%;
      margin: auto;
      margin-top: 20rpx;
      border: 1px solid #000;
      background-color: white;
      border-radius: 20rpx;
      height: 200rpx;

      .box2-top {
        padding: 3%;
        font-size: 1.2rem;
      }

      .box2-center {
        height: 100%;
        text-align: center;
      }
    }

    .box3 {
      width: 90%;
      margin: auto;
      margin-top: 0rpx;
      border: 1px solid #000;
      background-color: white;
      border-radius: 20rpx;
      height: 200rpx;
      margin-top: 20rpx;

      .box2-top {
        padding: 3%;
        font-size: 1.2rem;
      }

      .box2-center {
        height: 100%;
        text-align: center;
      }
    }

    .box4 {
      width: 90%;
      margin: auto;
      border: 1rpx solid #000;
      background-color: white;
      border-radius: 20rpx;
      height: 1000rpx;
      margin-top: 20rpx;

      .box2-top {
        padding: 3%;
        font-size: 1.2rem;
      }

      .image {
        width: 100%;
        height: 90%;
      }
    }
  }

  /* 底部 */
  .bottom-all {
    width: 100%;

    position: fixed;
    bottom: 0rpx;

    .bottom {
      width: 100%;
      background-color: white;
      display: flex;
      justify-content: space-between;

      .bottom-left {
        width: 15%;
        height: 100rpx;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

        .kefu {
          width: 100%;
          height: 50%;
          text-align: center;

          .image1 {
            width: 40%;
            height: 100%;
          }
        }
      }

      .bottom-right {
        width: 83%;
      }
    }
  }
}
  // 测试
  .ceshi {
    width: 100%;

    .block {
      width: 100%;
      height: 500rpx;
      .empty{
        padding: 20rpx;
        width: 100%;
        height: 150rpx;
        display: flex;
        justify-content: space-between;
        .left{
          width: 30%;
          height: 100%;
          image{
            width: 100%;
            height: 100%;
          }
        }
        .right{
          width: 68%;
          height: 100%;
          .top{
            color: #af8929;
            .color{
              display: inline;
              font-size: 1.2rem;
            }
          }
          .bottom{
            margin-top: 50rpx;
            font-size: 1.1rem;
          }
        }
      }
      .box1{
        padding-left: 20rpx;
        font-size: 1.1rem;
      }
      .quantity{
        width: 100%;
        height: 50rpx;
        display: flex;
        justify-content: space-between;
        .left{
          width: 20%;
          font-size: 1.1rem;
          text-align: center;
        }
        .right{
          display: flex;
          justify-content: space-between;
          width: 30%;
          .btn-left{
            line-height: 50rpx;
          }
          .btn-right{
            background-color: #253454;
            color: white;
            line-height: 50rpx;
          }
        }
      }
      .btn1{
        width: 90%;
        margin: auto;
    
        margin-top: 50rpx;
        button{
          background-color: #253454;
          color: white;
          border-radius: 50rpx;
        }
      }
    }


  }